

body {
	background: #fff;
	
}
#signup_container{
	background-color: #ffffff;

	background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff);
	background-image: -moz-linear-gradient(top, #e3e3e3, #ffffff);
	background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff);
	background-image: -o-linear-gradient(top, #e3e3e3, #ffffff);
	background-image: linear-gradient(top, #e3e3e3, #ffffff);
	padding: 20px;
	width: 100%;

	border-top: 1px solid #ffffff;  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	
}

#signup {
			width: 550px;
			height: auto;
			margin: 100px auto 50px auto;
			padding: 20px;
			position: relative;
			background-color: #fff;
			border: 1px solid #ccc;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px; 
			border-radius: 10px;  
			
			-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.5)));

 
		}
		



		

		/*------------------------------*/

		#signup h1 {
			position: relative;
			font: italic 1em/3.5em 'trebuchet MS',Arial, Helvetica;
			color: #999;
			text-align: center;
			margin: 0 0 20px;
		}
		
		#signup h2 {
			position: relative;
			font: italic 1em/3.5em 'trebuchet MS',Arial, Helvetica;
			color: #999;
			text-align: left;
			margin: -10px 0 -10px;
		}


		/*------------------------------*/

        ::-webkit-input-placeholder {
           color: #bbb;
        }
        
        :-moz-placeholder {
           color: #bbb;
        } 				    	

		.placeholder{
			color: #bbb; /* polyfill */
		}		

		#signup .textfield{
			margin: 5px 0;
			padding: 15px;
			width: 100%;

			-moz-box-sizing: border-box;
			box-sizing: border-box;
			border: 1px solid #ccc;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;	
		}

		#signup .textfield:focus{
			outline: 0;
			border-color: #aaa;
			-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
			-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
			box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
		}	

		label {  
			display: inline-block;  
			cursor: pointer;  
			position: relative;  
			padding-left: 25px;  
			margin-right: 15px;  
			font-size: 13px;  
			font: italic 0.9em/1.0em 'trebuchet MS',Arial, Helvetica;
			color: #999;
		}

		input[type=radio] {  
			display: none;  
		} 
		
	label:before {  
		content: "";  
		display: inline-block;  
	  
		width: 16px;  
		height: 16px;  
	  
		margin-right: 10px;  
		position: absolute;  
		left: 0;  
		bottombottom: 1px;  
		background-color: #aaa;  
		box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
	}  
	
	.radio label:before {  
			border-radius: 8px;  
		
	}	
	input[type=radio]:checked + label:before {  
			content: "\2022";  
			color: #2493ff;  
			font-size: 30px;  
			text-align: center;  
			line-height: -30px;  
		}  
		
	input[type=checkbox] {  
		display: none;  
	}

	.checkbox label:before {  
		border-radius: 3px;  
	}


	input[type=checkbox]:checked + label:before {  
		content: "\2713";  
		text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
		font-size: 15px;  
		color: #2493ff;  
		text-align: center;  
		line-height: 15px;  
	} 	

		#signup button{
			margin: 20px 0 0 0;
			padding: 15px 8px;			
			width: 100%;
			cursor: pointer;
			border: 1px solid #2493FF;
			overflow: visible;
			display: inline-block;
			color: #fff;
			font: bold 1.4em arial, helvetica;
			text-shadow: 0 -1px 0 rgba(0,0,0,.4);		  
			background-color: #2493ff;
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
			background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
			-webkit-transition: background-color .2s ease-out;
			-moz-transition: background-color .2s ease-out;
			-ms-transition: background-color .2s ease-out; 
			-o-transition: background-color .2s ease-out;  
			transition: background-color .2s ease-out;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow:  0 2px 1px rgba(0, 0, 0, .3),
							  0 1px 0 rgba(255, 255, 255, .5) inset;
			-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
								0 1px 0 rgba(255, 255, 255, .5) inset;
			box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
						0 1px 0 rgba(255, 255, 255, .5) inset;			  						  
		}

		#signup button:hover{
		  	background-color: #7cbfff;
            border-color: #7cbfff;
		}

		#signup button:active{
			position: relative;
			top: 3px;
			text-shadow: none;
			-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
			-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
		}

		/* ------------------------------------------------- */

		#about{
		    color: #999;
		    text-align: center;
		    font: 0.9em Arial, Helvetica;
		}

		#about a{
		    color: #777;
		}		